/*
    What should be define in this stylesheet?
    1. container structure.
    2. regions structure.
    3. regions style.
    4. global element style.
    5. global settings.
    
    What should not be define in this stylesheet?
    1. Style and structure of elements valid in whole site, These defines should be in css/style.css or css/layout.css.
    2. Special blocks define, These defines should be blocks/[block-name].block.css
    ...
    
    Why?
    Please keep the stylesheet clean and easy to redefine by others layout.
*/

@import url('../regions/header.region.css');
@import url('../regions/messages.region.css');
@import url('../regions/sidebar_first.region.css');
@import url('../regions/content.region.css');
@import url('../regions/sidebar_second.region.css');
@import url('../regions/footer-columns.region.css');
@import url('../regions/footer.region.css');

.container-wrapper-header,
.regions-wrapper-header{
    background-color: #48A9E4;
    background-image: -moz-linear-gradient(center top , #0779BF 0%, #48A9E4 100%);
}
.container-wrapper-content{
    padding-top:30px;
}

/* -- regions structure define -- */
#region-sidebar_first{
    width:240px;
    float:left;
    overflow:hidden;
}
#region-main_content{
    width:480px;
    float:left;
    overflow:hidden;
}
#region-sidebar_second{
    width:240px;
    float:right;
    overflow:hidden;
}
.region-triptych{

}
.region-footer-columns{
    
}
.region-footer{
    width:100%;
    clear:both;
}

/* ------ */

/* -- block -- */
/* -- block style -- */
.sidebar .block{
    width:auto;
    background:#F6F6F2;
    margin: 20px 10px;
    padding: 15px 20px;
}
.sidebar .block:first-child{
    margin-top:0;
}
.sidebar .block h2,
 .sidebar .block block-title{
    border-bottom: 1px solid #D6D6D6;
    font-size: 0.9em;
    line-height: 1.2;
    margin: 0 0 0.5em;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.sidebar .block .content,
.sidebar .block .block-content{
    font-size:0.84em;
}

#region-main_content .block:first-child{
    margin-top:0;
}

#region-main_content .block-content{
    padding:0 20px;
}
/* ------ */

/* -- region-footer-columns:blocks -- */
.region-footer-columns .block{
    float:left;
    width:240px;
}
